/*背景*/
.bg_face3c{
	background: #face3c;
}
.c_000{ color: #000 !important;}
/*邀请首页*/
.banner .img{
	width: 100%;
	height: 5rem;
}

.way_box{
	padding: 0 .468rem;
	margin-bottom: .468rem;
}
.in_title{
	margin-bottom: .32rem;
}
.in_title span{
	display: block;
	font-size: .437rem;
	font-family: "黑体";
	color: #31230c;
	background: #fff;
	border: 2px solid #ff770f;
	height: 1rem;
	width: auto;
	padding: 0 .468rem;
	line-height: 1rem;
	position: relative;
}
.in_title span:before{
	content: "";
	display: block;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background: #ff770f;
	position: absolute;
	left: .16rem;
	top: .16rem;
}
.in_title span b{
	display: block;
	height: 1rem;
	width: .5rem;
	background: url(right_jt.png) left center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -2px;
	right: -.5rem;
}
.way_box .con{
	background: #fffae5;
	border: 2px dashed #FF5000;
	border-radius: 8px;
	position: relative;
}
.way_box .con .jinbi_icon{
	display: block;
	height:.8rem;
	width: .8rem;
	background: url(jinbi.png) center center no-repeat;
	background-size: .8rem;
	position: absolute;
	bottom: -.2rem;
	right: -.2rem;
}
.putong_member{
	margin-top: .16rem;
}
.putong_member .con{
	padding: .32rem .5rem .32rem .32rem;
}
.putong_member .con p{
	line-height: .7rem;
	color: #000;
	font-size: .375rem;
	padding-left: .625rem;
	text-align: justify;
}
.putong_member .con p .icon_num{
	display: block;
    height: .5rem;
    width: .5rem;
    text-align: center;
    line-height: .4rem;
    background: #ffdd6e;
    border: 2px solid #f2c73a;
    border-radius: 50%;
    float: left;
    margin: .1rem 0 0  -.625rem;
}

.vip_member .con{
	background: #fffae5 url(jb_bg.png) center bottom no-repeat;
	background-size: 80% auto;
}
.vip_member .table_th{
	background: #fff2bf;
	line-height: 1rem;
	padding: 0 .16rem;
}
.vip_member .table_th th img{ height: .3rem; width: auto; max-width: 100%; margin: 0 auto;}
.vip_member .table_th th {font-size: .375rem; color: #FF5000;font-weight: 500;}
.vip_member .null_th{width: 5%;}
.vip_member .table_td{padding: 0 .16rem;}
.vip_member .table_td tr{ border-bottom: 1px solid #ffc7a0;}
.vip_member .table_td tr:last-child{border-bottom: none;}
.vip_member .table_td td{ text-align: center; padding: .16rem 0; color: #FF5001; font-size: .35rem;}
.vip_member .tips{margin-top: .32rem; font-size: .35rem; color: #31230c; text-align: justify; padding: 0 .437rem;}
.invite_btn a{ display: block; width: 4rem; margin: .468rem auto;}
.invite_btn a img{ width: 100%;}

.reward_total{
	padding: .32rem .16rem;
}
.reward_total .table_th{
	background: #ff5001;
	line-height: 1rem;
	padding: 0 .16rem;
}
.reward_total .table_th th{font-size: .375rem; color: #fff;font-weight: 500;}
.reward_total .table_td{ background: #fffae5;padding: 0 .16rem;}
.reward_total .table_td td{ line-height: 1rem; text-align: center;font-size: .35rem;}

.reward_detail{padding: .32rem .16rem;}
.reward_detail .tab_hd li{ float: left; width: 33.3%; height:1rem; line-height:1rem; text-align: center; padding: 0 1px;}
.reward_detail .tab_hd li a{ display: block; background: #fff; color: #FF5001;font-size: .375rem; }
.reward_detail .tab_hd li.on a{ background: #FF5001; color: #fff; }
.reward_detail .tab_bd{ margin-top: .32rem;}
.reward_detail .table_box{ background: #fffae5; border: 2px dashed #FF5001; border-radius: 8px; padding: 0 .1rem;}
.reward_detail .table_box .th{
	line-height: .6rem;
	border-bottom: 1px solid #ffc7a0;
	padding: .1rem 0;
}
.reward_detail .table_box .th th{font-size: .3rem; color: #FF5001;font-weight: 500;vertical-align: middle; border-left: 1px solid #ffc7a0;}
.reward_detail .table_box .th th:first-child{ border-left: none;}
.reward_detail .table_box .td{ background: #fffae5;padding: 0 .16rem;}
.reward_detail .table_box .td td{ line-height: 1rem; text-align: center;font-size: .3rem; }
.reward_detail .table_box .td td:first-child{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .page{margin-top: .32rem;}
.page .page_box{text-align: center; }
.page .page_box a,.page .page_box span.num{ display: inline-block; height: .8rem; line-height: .8rem;font-size: .33rem; vertical-align: middle;}
.page .page_box a{ background: #fffae5; border: 1px solid #FF5001; width: 1.8rem; }
.page .page_box span{ padding: 0 .32rem; color: #FF5001;}
.page span.total{ display: block; height: .8rem; line-height: .8rem; color: #000; font-size: .3rem; margin-right: .16rem;}

/*立即邀请*/
.in_code{ padding: .32rem .32rem 1rem; background: url(bg_banner.png) left top no-repeat; background-size: 100% auto; }
.title_btn{ height: 1rem; margin-bottom: .3rem;}
.title_btn img{ height: 100%; width: auto; float: left;}
.in_code .codebox{ width: 5.5rem; height: 5rem; padding-top: .2rem; background: url(bg_2wm.png) left top no-repeat; background-size: 100% auto; margin: 0 auto;}
.in_code .codebox img{ width: 2.9rem; height: 2.8rem; margin: auto;}
.in_code h4{ color: #fff; font-size: .56rem; text-align: center; margin-top: .16rem; font-weight: normal;}

.in_link{ padding: 0 .32rem;}
.in_link .link_txt{ margin: 0 .625rem; padding: .32rem .625rem; line-height: .625rem;word-wrap:break-word; color: #FF5001; font-size: .437rem;background: #fffbed; border-radius: 5px; border: 2px dashed #FF5000;}
.in_link .intro_txt{ font-size: .375rem; padding: .32rem 1rem;line-height: .625rem; text-align: justify;}
.in_link .bt_btn{ margin: .32rem 0 .625rem;}
.in_link .bt_btn .btn{ display: block; margin: 0 auto; width: 5rem;}
.btn_share{ margin-bottom: .625rem;}
.btn_share a{ display: block; height: 1.5rem; margin: 0 1rem;}
.btn_share img{ width: 100%; height: 100%;}

/*vip会员*/
.VIP_content{
	position: fixed;
	width: 100%;
	height: 100%;
	background:#face3c url(/mobile/images/images1/bg_2.jpg) center bottom no-repeat;
	background-size: 100% auto;
	overflow-y: auto;
}
.VIP_content .boder{ width: 9.625rem; padding: .16rem; margin: .468rem auto; background: rgba(255,255,255,.4);}
.VIP_content .innerbox{
	background: url(/mobile/images/images1/bg_3.jpg) center bottom;
	background-size: 100% auto;
}
.VIP_content .topbanner a{
	display: block;
}
.VIP_content .topbanner img{
	width: 100%;
}
.VIP_content .bt_box{ padding-bottom: 1rem;}
.vip_hc{ margin-bottom: .625rem;}
.vip_hc img{ width: 100%;}
.VIP_content .bt_btn{
	height: 1.2rem; line-height: 1.2rem; text-align: center; width: 7rem; margin: 0 auto;
}
.VIP_content .bt_btn span{ font-size: .6rem; padding: 0 .16rem;}
.VIP_content .bt_btn em{ font-size: .3rem;}

/*排行榜*/
.rank_content .tab_hd{
	background: #ff5001;
}
.rank_content .day_data{ line-height: .625rem; text-align: center; color: #ffdcd3; font-size: .375rem;}
.rank_content .tab_hd{
    width: 100%;
    background: #ff5001;
    position: fixed;
    left: 0;
    top: 1.33rem;
    z-index: 9;
}
.rank_content .tab_hd ul{
	 height: 1.2rem;
    line-height: 1.2rem;
    border-bottom: 2px solid #f5f5f5;
}
.rank_content .tab_hd li{ float: left; width: 50%; text-align: center;}
.rank_content .tab_hd li a {
    display: inline-block;
    font-size: .468rem;
    color: #fff;
    font-weight: 600;
    padding: 0 .2rem;
    position: relative;
}
.rank_content .tab_hd li.on a{
	color: #ffd23d;
}
.rank_content .tab_hd li.on a:after {
    content: "";
    height: 2px;
    width: 100%;
    background: #ffd23d;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.rank_content .tab_bd{padding-top: 1.825rem;}
.top_rank{
	background: url(bg_4.png) center top no-repeat;
	background-size: 100% auto;
	padding-bottom: .8rem;
}
.my_rank{ width: 3.2rem; height: 3rem;text-align: center; margin: 0 auto; background: url(mc_bg.png) center top no-repeat; background-size: 100% auto;}
.my_rank span{ font-size: .75rem;line-height: 2.4rem; color: #a14417; font-weight: bold; text-shadow: #fff 2px 0 0;}

.rank_content .rank_box{ padding: 0 .32rem 1.5rem;}
.rank_box .userbox .pic{ height: 1.5rem; width: 1.5rem; }
.rank_box .userbox .pic img{ height: 100%; width: 100%; border-radius: 50%;}
.rank_box .userbox .txtbox{margin: 0 2rem 0 1.8rem; height: .7rem; line-height: .7rem;}
.rank_box .userbox .txtbox .name{ color: #000; font-size: .468rem; padding-top: .1rem;}
.rank_box .userbox .txtbox .c_999{font-size: .375rem;}
.rank_box .userbox .txt_r a{ display: block; padding-right: .5rem; height: 1.5rem; line-height: 1.5rem; color: #FF5001; font-size: .468rem; background: url(arow_right_2.png) right center no-repeat; background-size: .5rem;}
.ranklist{
	margin-top: 1rem;
	position: relative;
	background: #fff;
	padding: .32rem .32rem 0;
	border-radius: 8px 8px 0 0;
}
.ranklist .boder_top{
	position: absolute;
	left: 0;
	top: -.15rem;
	width: 100%;
	height: .3rem;
	background: url(border_top.png) center center no-repeat;
	background-size: 100% 100%;
}
.ranklist .boder_bottom{
	position: absolute;
	left: 0;
	bottom: -1.1rem;
	width: 100%;
	height: 1.2rem;
	background: url(bt_bg.png) center center no-repeat;
	background-size: 100% auto;
}
.ranklist .table_th th{ padding: .2rem 0; text-align: center; font-size: .375rem; color: #FF5001; border-right: 1px solid #fff1c1;}
.ranklist .table_th tr th:last-child{border-right: 0;}
.ranklist .table_td td{ padding: .2rem .16rem; font-size: .375rem; border-top: 1px solid #fff1c1;border-right: 1px solid #fff1c1;}
.ranklist .table_td tr td:last-child{border-right: 0;}
.ranklist .table_td tr:nth-child(1) .td-3,
.ranklist .table_td tr:nth-child(2) .td-3,
.ranklist .table_td tr:nth-child(3) .td-3{ color: #FF5001;}
.ranklist .td-1{ width: 1.5rem; text-align: center;}
.ranklist .td-2{ overflow: hidden;}
.ranklist .td-3{ text-align: center;}
.ranklist .td-2 img{ display: inline-block; height: 1rem; width: 1rem; border-radius: 50%; margin-right: .16rem; vertical-align: middle;}
.ranklist .td-2 span{ display: inline-block; height: 1rem; line-height: 1rem; }
.ranklist .td-1 span{ color: #fff; display: block; height: .625rem; width: .625rem; text-align: center; line-height: .625rem; border-radius: 50%; background: #ffd23d; margin: 0 auto;}
.ranklist .table_td tr:nth-child(1) .td-1 span{
	height: .9rem;
	border-radius: 0;
	background: url(pai_1.png) center top no-repeat;
	background-size: 100% auto;
}
.ranklist .table_td tr:nth-child(2) .td-1 span{
	height: .9rem;
	border-radius: 0;
	background: url(pai_2.png) center top no-repeat;
	background-size: 100% auto;
}
.ranklist .table_td tr:nth-child(3) .td-1 span{
	height: .9rem;
	border-radius: 0;
	background: url(pai_3.png) center top no-repeat;
	background-size: 100% auto;
}
